<!DOCTYPE html>
<html lang="en">
<head>
    @-@include('./head.html',{title:'vr看房'})
    <link rel="stylesheet" href="../sass/nr.css">
</head>
<body>
    @-@include('./header.html')

    <div id="vr_house">
        <div id="nav" class="nav">
            <div class="container">
                <div class="nav_con"> <a href="index.html"><span class="iconfont iconyemian"></span> 首页</a>  &gt; <a href="">VR看房</a> </div>
            </div>
        </div>

        <div class="container">
            <div class="select-box wow fadeInUp clearfix" style="visibility: visible; animation-name: fadeInUp;">
                <div class="anliTitle">
                    <div class="titles active">风格</div>
                    <div class="titles">户型</div>
                    <div class="titles">面积</div>
                </div>
                <ul class="list-box clearfix">
                    <li class="anli_pro">
                        <div class="content">
                            <span class="active"><a href="">全部</a></span>
                            <span><a href="">现代</a></span>
                            <span><a href="">简美</a></span>
                            <span><a href="">简约</a></span>
                            <span><a href="">轻奢</a></span>
                            <span><a href="">新古典</a></span>
                            <span><a href="">新中式</a></span>
                            <span><a href="">简欧</a></span>
                            <span><a href="">法式</a></span>
                            <span><a href="">混搭</a></span>
                        </div>
                    </li>
                    <li class="anli_pro">
                        
                        <div class="content">
                            <span class="active"><a href="">全部</a></span>
                            <span><a href="">独栋别墅</a></span>
                            <span><a href="">联排别墅</a></span>
                            <span><a href="">平层</a></span>
                            <span><a href="">复式</a></span>
                        </div>
                    </li>
                    <li class="anli_pro">
                        
                        <div class="content">
                            <span class="active"><a href="">全部</a></span>
                            <span><a href="">100m²以下</a></span>
                            <span><a href="">100-200m²</a></span>
                            <span><a href="">200-300m²</a></span>
                            <span><a href="">300-400m²</a></span>
                            <span><a href="">400m²以上</a></span>
                        </div>
                    </li>
                </ul>
            </div>
           <form action="" id="search">
               <input type="text" placeholder="输入小区名称、设计师名称" autocomplete="off">
               <button class="submit">
                   <span>搜索</span>
               </button>
           </form>
           <div class="vrList">
               <div class="mode">
                   <div class="bigImg">
                       <img class="lazy_img" src="../images/blank.gif" data-original="../images/vr_list.jpg"  alt="现代风格">
                       <div class="tds">
                           3D <span class="iconfont iconarrow-right"></span>
                       </div>
                   </div>
                   <div class="info_bar">
                    <div class="style">现代风格</div>
                    <dl>
                        <dd><i class="iconfont iconmianji1"></i>面积：243.7㎡</dd>
                        <dd><i class="iconfont iconziyuan"></i>风格：传统现代</dd>
                        <dd><i class="iconfont iconhuxing"></i>户型：三居</dd>
                    </dl>
                    <div class="moreal"><a href="">
                            <img src="../images/vrwz.png" alt="">
                            <p>全景查看案例</p>
                        </a>
                    </div>
                </div>
               </div>
               <div class="mode">
                <div class="bigImg">
                    <img class="lazy_img" src="../images/blank.gif" data-original="../images/vr_list.jpg"  alt="现代风格">
                    <div class="tds">
                        3D <span class="iconfont iconarrow-right"></span>
                    </div>
                </div>
                <div class="info_bar">
                 <div class="style">现代风格</div>
                 <dl>
                     <dd><i class="iconfont iconmianji1"></i>面积：243.7㎡</dd>
                     <dd><i class="iconfont iconziyuan"></i>风格：传统现代</dd>
                     <dd><i class="iconfont iconhuxing"></i>户型：三居</dd>
                 </dl>
                 <div class="moreal"><a href="">
                         <img src="../images/vrwz.png" alt="">
                         <p>全景查看案例</p>
                     </a>
                 </div>
             </div>
            </div>
            <div class="mode">
                <div class="bigImg">
                    <img class="lazy_img" src="../images/blank.gif" data-original="../images/vr_list.jpg"  alt="现代风格">
                    <div class="tds">
                        3D <span class="iconfont iconarrow-right"></span>
                    </div>
                </div>
                <div class="info_bar">
                 <div class="style">现代风格</div>
                 <dl>
                     <dd><i class="iconfont iconmianji1"></i>面积：243.7㎡</dd>
                     <dd><i class="iconfont iconziyuan"></i>风格：传统现代</dd>
                     <dd><i class="iconfont iconhuxing"></i>户型：三居</dd>
                 </dl>
                 <div class="moreal"><a href="">
                         <img src="../images/vrwz.png" alt="">
                         <p>全景查看案例</p>
                     </a>
                 </div>
             </div>
            </div>
            <div class="mode">
                <div class="bigImg">
                    <img class="lazy_img" src="../images/blank.gif" data-original="../images/vr_list.jpg"  alt="现代风格">
                    <div class="tds">
                        3D <span class="iconfont iconarrow-right"></span>
                    </div>
                </div>
                <div class="info_bar">
                 <div class="style">现代风格</div>
                 <dl>
                     <dd><i class="iconfont iconmianji1"></i>面积：243.7㎡</dd>
                     <dd><i class="iconfont iconziyuan"></i>风格：传统现代</dd>
                     <dd><i class="iconfont iconhuxing"></i>户型：三居</dd>
                 </dl>
                 <div class="moreal"><a href="">
                         <img src="../images/vrwz.png" alt="">
                         <p>全景查看案例</p>
                     </a>
                 </div>
             </div>
            </div>
            <div class="mode">
                <div class="bigImg">
                    <img class="lazy_img" src="../images/blank.gif" data-original="../images/vr_list.jpg"  alt="现代风格">
                    <div class="tds">
                        3D <span class="iconfont iconarrow-right"></span>
                    </div>
                </div>
                <div class="info_bar">
                 <div class="style">现代风格</div>
                 <dl>
                     <dd><i class="iconfont iconmianji1"></i>面积：243.7㎡</dd>
                     <dd><i class="iconfont iconziyuan"></i>风格：传统现代</dd>
                     <dd><i class="iconfont iconhuxing"></i>户型：三居</dd>
                 </dl>
                 <div class="moreal"><a href="">
                         <img src="../images/vrwz.png" alt="">
                         <p>全景查看案例</p>
                     </a>
                 </div>
             </div>
            </div>
            <div class="mode">
                <div class="bigImg">
                    <img class="lazy_img" src="../images/blank.gif" data-original="../images/vr_list.jpg"  alt="现代风格">
                    <div class="tds">
                        3D <span class="iconfont iconarrow-right"></span>
                    </div>
                </div>
                <div class="info_bar">
                 <div class="style">现代风格</div>
                 <dl>
                     <dd><i class="iconfont iconmianji1"></i>面积：243.7㎡</dd>
                     <dd><i class="iconfont iconziyuan"></i>风格：传统现代</dd>
                     <dd><i class="iconfont iconhuxing"></i>户型：三居</dd>
                 </dl>
                 <div class="moreal"><a href="">
                         <img src="../images/vrwz.png" alt="">
                         <p>全景查看案例</p>
                     </a>
                 </div>
             </div>
            </div>
            <div id="pages" class="text-c">
               
                <a href="#" class="a1">上一页</a>
                <span>1</span>
                <a href="#">2</a>
                <a href="#">3</a>
                <a href="#">4</a>
                <a href="#" class="a1">下一页</a>
            </div>
           </div>
        </div>
    </div>
    @-@include('./footer.html')
</body>
</html>